/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

* {
    color: #000000;
    background-color: #001;
    background-image: none;
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
}

*:disabled {
    color: #303030;
}

Widget-Badge {
    background-color: #dd0000;
    border: none;
    border-radius: 10px;
    font: 10px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #000001;
}

Widget-ToolTip {
    padding: 10px;
    background-color: rgb(32, 31, 27);
    background-image: none;
    border: none;
    border-radius: 1px;
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #e0e0e0;
    opacity: 0.9;
    animation: fadeIn 150ms ease-in, fadeOut 150ms ease-in;
    box-shadow: none;
    text-align: center;
}

Widget-ToolTip-Pointer {
    background-image: none;
}

Widget-ToolTip-Pointer:up {
    background-image: url(resource/widget/rap/arrows/tooltip-up.png);
}

Widget-ToolTip-Pointer:down {
    background-image: url(resource/widget/rap/arrows/tooltip-down.png);
}

Widget-ToolTip-Pointer:left {
    background-image: url(resource/widget/rap/arrows/tooltip-left.png);
}

Widget-ToolTip-Pointer:right {
    background-image: url(resource/widget/rap/arrows/tooltip-right.png);
}

Display {
    rwt-shadow-color: #585955;
    rwt-highlight-color: #ffffff;
    rwt-darkshadow-color: #7a7873;
    rwt-lightshadow-color: #23201b;
    rwt-thinborder-color: #535766;
    rwt-selectionmarker-color: #0137c3;
    rwt-infobackground-color: #ffffff;

    rwt-error-image: url(resource/widget/rap/dialog/error.png);
    rwt-information-image: url(resource/widget/rap/dialog/information.png);
    rwt-question-image: url(resource/widget/rap/dialog/question.png);
    rwt-warning-image: url(resource/widget/rap/dialog/warning.png);
    rwt-working-image: url(resource/widget/rap/dialog/information.png);

    rwt-fontlist: 14px 'Segoe UI', Corbel, Calibri, Tahoma, 'Lucida Sans Unicode';

    background-image: url(resource/widget/rap/display/browser_bg.png);
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
}

SystemMessage-DisplayOverlay {
    background-color: rgba(28, 28, 28, 0.2);
    background-image: url(resource/widget/rap/display/loading.gif);
}

ErrorBox-Titlebar {
    font: bold 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: white;
    background-color: #bf9869;
}

ErrorBox {
    border: 1px solid #c4a667;
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #b5b5b5;
    background-color: black;
}

/* Default theme for all controls */

* {
    border: none;
    padding: 0px;
}

*[BORDER] {
    border: 1px solid #333333;
}

/* Default theme for all composites */

Composite {
    padding: 0;
    opacity: 1;
    background-color: #000001;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    border: none;
    box-shadow: none;
    animation: none;
}

Composite[BORDER] {
    border: 1px solid #424242;
    border-radius: 2px;
}

/* Button default theme */

Button {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    border: none;
    border-radius: 2px;
    padding: 6px 15px;
    spacing: 2px;
    cursor: default;
    animation: none;
    color: #b5b5b5;
    background-color: #000001;
    opacity: 1;
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
    box-shadow: none;
}

Button[PUSH],
Button[TOGGLE],
Button[PUSH][BORDER],
Button[TOGGLE][BORDER],
Button[PUSH][FLAT],
Button[TOGGLE][FLAT] {
    border: 1px solid #424242;
    border-radius: 2px;
    padding: 6px 15px;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    animation: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #000001;
}

Button[ARROW],
Button[ARROW][BORDER],
Button[ARROW][FLAT] {
    border: 1px solid #424242;
    border-radius: 2px;
    padding: 10px;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    cursor: pointer;
}

Button[ARROW]:default,
Button[PUSH]:default,
Button[TOGGLE]:default {
    background-color: #416693;
    background-image: gradient(
        linear, left top, left bottom,
        from(#e2eefc),
        to(#d4d4d4)
    );
    border: 1px solid #a0b3ca;
}

Button[ARROW]:disabled,
Button[PUSH]:disabled,
Button[TOGGLE]:disabled,
Button[TOGGLE]:selected:disabled {
    cursor: default;
    color: #dfdfdf;
    background-image: none;
    background-color: #303030;
    border: 1px solid #d2d2d2;
}

Button[ARROW]:hover,
Button[PUSH]:hover,
Button[TOGGLE]:hover {
    background-image: gradient(
        linear, left top, left bottom,
        from(#151515),
        to(#2a2a2a)
    );
}

Button[ARROW]:pressed,
Button[PUSH]:pressed,
Button[TOGGLE]:pressed {
    background-image: gradient(
        linear, left top, left bottom,
        from(#2a2a2a),
        to(#151515)
    );
}

Button[TOGGLE]:selected {
    background-image: gradient(
        linear, left top, left bottom,
        from(#2a2a2a),
        to(#151515)
    );
}

Button[TOGGLE]:selected:hover {
    background-image: gradient(
        linear, left top, left bottom,
        from(#2a2a2a),
        to(#151515)
    );
}

Button[CHECK],
Button[RADIO] {
    padding: 3px 3px 3px 0;
    spacing: 7px;
}

Button[CHECK][BORDER],
Button[RADIO][BORDER] {
    cursor: default;
    background-image: none;
    border: 1px solid #424242;
    border-radius: 2px;
}

Button-CheckIcon {
    background-image: url(resource/widget/rap/button/check-unselected.png);
}

Button-CheckIcon:hover {
    background-image: url(resource/widget/rap/button/check-unselected-hover.png);
}

Button-CheckIcon:selected {
    background-image: url(resource/widget/rap/button/check-selected.png);
}

Button-CheckIcon:selected:hover {
    background-image: url(resource/widget/rap/button/check-selected-hover.png);
}

Button-CheckIcon:selected:grayed {
    background-image: url(resource/widget/rap/button/check-grayed.png);
}

Button-CheckIcon:selected:grayed:hover {
    background-image: url(resource/widget/rap/button/check-grayed-hover.png);
}

Button-RadioIcon {
    background-image: url(resource/widget/rap/button/radio-unselected.png);
}

Button-RadioIcon:hover {
    background-image: url(resource/widget/rap/button/radio-unselected-hover.png);
}

Button-RadioIcon:selected {
    background-image: url(resource/widget/rap/button/radio-selected.png);
}

Button-RadioIcon:selected:hover {
    background-image: url(resource/widget/rap/button/radio-selected-hover.png);
}

Button-ArrowIcon[UP] {
    background-image: url(resource/widget/rap/button/arrow-up.png);
}

Button-ArrowIcon[DOWN] {
    background-image: url(resource/widget/rap/button/arrow-down.png);
}

Button-ArrowIcon[LEFT] {
    background-image: url(resource/widget/rap/button/arrow-left.png);
}

Button-ArrowIcon[RIGHT] {
    background-image: url(resource/widget/rap/button/arrow-right.png);
}

Button-FocusIndicator[ARROW], Button-FocusIndicator[PUSH], Button-FocusIndicator[TOGGLE] {
    background-color: transparent;
    border: 1px dotted #b8b8b8;
    margin: 2px;
    padding: 0px;
    opacity: 1;
}

Button-FocusIndicator[CHECK], Button-FocusIndicator[RADIO] {
    background-color: transparent;
    border: 1px dotted #b8b8b8;
    padding: 2px 2px 2px 1px;
    margin: 0px;
    opacity: 1;
}

/* Combo default theme */

Combo,
Combo[BORDER] {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #959595;
    background-color: #000001;
    border: 1px solid #333333;
    border-radius: 0 2px 2px 0;
    background-image: none;
    text-shadow: none;
    box-shadow: inset 0 0 3px #424242;
}

Combo:focused,
Combo[BORDER]:focused {
    border: 1px solid #555555;
    box-shadow: 0 0 5px #4f7cb1;
}

Combo:disabled,
Combo[BORDER]:disabled {
    box-shadow: none;
}

Combo-Button {
    cursor: default;
    background-color: #efefef;
    border: none;
    border-left: 1px solid #424242;
    border-radius: 0px 2px 2px 0px;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    width: 30px;
}

Combo-Button[RIGHT_TO_LEFT] {
    border: none;
    border-right: 1px solid #424242;
}

Combo-Button:disabled {
    background-image: none;
    background-color: transparent;
}

Combo-Button-Icon {
    background-image: url(resource/widget/rap/combo/down.png);
}

Combo-Button-Icon:hover {
    background-image: url(resource/widget/rap/combo/down-hover.png);
}

Combo-List {
    border: 1px solid #4f7cb1;
    box-shadow: 0 0 5px #4f7cb1;
    border-radius: 2px;
}

Combo-List-Item {
    color: #ffffff;
    background-color: #101010;
    background-image: none;
    text-decoration: none;
    text-shadow: none;
    padding: 6px 10px 6px 10px;
}

Combo-List-Item:hover, Combo-List-Item:even:hover {
    background-color: #404040;
}

Combo-List-Item:selected, Combo-List-Item:even:selected {
    color: #e0e0e0;
    background-color: #3a3a3a;
}

Combo-Field {
    padding: 5px 10px 5px 10px;
}

Combo-FocusIndicator {
    background-color: transparent;
    border: none;
    margin: 0;
    opacity: 0;
}

/* DropDown default theme */

DropDown {
    border: 1px solid #333333;
    border-radius: 0;
    box-shadow: 0 0 5px #444444;
}

DropDown-Item {
    color: inherit;
    background-color: transparent;
    background-image: none;
    text-decoration: none;
    text-shadow: none;
    padding: 6px 10px 6px 10px;
}

DropDown-Item:hover {
    background-color: #0f0f0f;
}

DropDown-Item:selected {
    background-color: #3a3a3a;
}

/* CoolBar default theme */

CoolBar {
    background-image: none;
}

CoolItem-Handle {
    border: 1px solid #424242;
    width: 2px;
}

/* CTabFolder default theme */

CTabFolder {
    border-color: #424242;
    border-radius: 2px;
}

CTabItem {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #b5b5b5;
    background-color: transparent;
    background-image: none;
    padding: 8px 15px;
    spacing: 10px;
    text-shadow: none;
    text-decoration: none;
}

CTabItem:selected {
    color: #b5b5b5;
    background-color: #292929;
}

/* Do not gray out disabled CTabItems, this is SWT behavior */
CTabItem:disabled {
    color: black;
}

CTabFolder-DropDownButton-Icon {
    background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown.png);
}

CTabFolder-DropDownButton-Icon:hover {
    background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-hover.png);
}

CTabFolder-DropDownButton-Icon[RIGHT_TO_LEFT] {
    background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-left.png);
}

CTabFolder-DropDownButton-Icon[RIGHT_TO_LEFT]:hover {
    background-image: url(resource/widget/rap/ctabfolder/ctabfolder-dropdown-left-hover.png);
}

/* Group default theme */

Group {
    font: 10px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #b5b5b5;
    background-color: #000001;
    border: none;
}

Group-Frame {
    margin: 20px 0 0 0;
    padding: 15px 8px 8px 8px;
    border: 1px solid #424242;
    border-radius: 2px;
}

Group-Label {
    padding: 2px 10px 2px 10px;
    background-color: #f0f0f0;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    border: 1px solid #333333;
    border-radius: 10px;
    color: inherit;
    margin: 10px 10px 10px 20px;
    text-shadow: none;
}

/* Label default theme */

Label {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #b5b5b5;
    background-color: #000001;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    border: none;
    border-radius: 0;
    text-decoration: none;
    cursor: default;
    opacity: 1;
    text-shadow: none;
    padding: 0;
}

Label[BORDER] {
    border: 1px solid #333333;
    border-radius: 2px;
}

Label-SeparatorLine {
    background-image: none;
    background-color: #d2d2d2;
    border: none;
    border-radius: 0;
    width: 2px;
}

/* Link default theme */

Link {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #b5b5b5;
    background-color: #000001;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    text-shadow: none;
    padding: 2px;
}

Link[BORDER] {
    border: 1px solid #424242;
}

Link-Hyperlink {
    color: #416693;
    text-shadow: none;
    text-decoration: none;
}

Link-Hyperlink:disabled {
    color: #959595;
}

Link-Hyperlink:hover {
    text-decoration: underline;
}

Link-Hyperlink:hover:disabled {
    color: #959595;
    text-decoration: none;
}

/* List default theme */

List {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-color: #000001;
    border: none;
    color: #b5b5b5;
}

List[BORDER] {
    border: 1px solid #333333;
}

List-Item {
    padding: 5px 10px 5px 10px;
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-color: #000001;
    color: inherit;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    text-shadow: none;
}

List-Item:hover {
    background-color: #a0a0a0;
}

List-Item:selected {
    color: #959595;
    /* background-color property is used on the server to compute system color with id
       SWT.COLOR_LIST_SELECTION (see bug https://bugs.eclipse.org/bugs/show_bug.cgi?id=434191) */
    background-color: #3a3a3a;
}

List-Item:selected:unfocused {
    background-color: #808080;
}

List-Item:even {
    background-color: #f5f5f5;
}

List-Item:even:hover {
    background-color: #e8e8e8;
}

List-Item:even:selected {
    background-color: #959595;
}

List-Item:even:selected:unfocused {
    background-color: #dadee6;
}

List-GridLine {
    color: transparent;
}

/* Menu default theme */

Menu {
    padding: 0;
    color: #0059a5;
    background-color: #060606;
    border: 1px solid #a0b3ca;
    border-radius: 2px;
    box-shadow: 0 0 4px #ababab;
    opacity: 1;
    animation: none;
}

MenuItem {
    color: #b5b5b5;
    background-color: transparent;
    background-image: none;
    opacity: 1;
    text-shadow: none;
    padding: 4px 10px 4px 10px;
}

MenuItem[SEPARATOR] {
    padding: 0px 10px;
}

MenuItem:hover {
    color: #ffffff;
    background-image: gradient(
        linear, left top, left bottom,
        from(#404040),
        to(#505050)
    );
}

MenuItem:pressed {
    color: #ffffff;
    background-image: gradient(
        linear, left top, left bottom,
        from(#505050),
        to(#404040)
    );
}

MenuItem:disabled {
    color: #424242;
    text-shadow: none;
}

MenuItem:onMenuBar {
    padding: 4px 6px;
}


MenuItem-CheckIcon {
    background-image: url(resource/widget/rap/menu/checkbox.gif);
}

MenuItem-RadioIcon {
    background-image: url(resource/widget/rap/menu/radiobutton.gif);
}

MenuItem-CascadeIcon {
    background-image: url(resource/widget/rap/menu/arrow-right.gif);
}

MenuItem-CascadeIcon[RIGHT_TO_LEFT] {
    background-image: url(resource/widget/rap/menu/arrow-left.gif);
}

/* ProgressBar default theme */

ProgressBar {
    background-color: #000001;
    background-image: url(resource/widget/rap/progressbar/progressbar-background.png);
    border: 1px solid #424242;
    border-radius: 15px;
    width: 16px;
}

ProgressBar-Indicator {
    background-color: #00589f;
    background-image: gradient(
        linear, left top, left bottom,
        from(#5882b5),
        to(#416693)
    );
    opacity: 1;
}

ProgressBar-Indicator:paused {
    background-image: gradient(
        linear, left top, left bottom,
        from(#818181),
        to(#b5b5b5)
    );
}

ProgressBar-Indicator:error {
    background-image: gradient(
        linear, left top, left bottom,
        from(#bb1d1d),
        to(#fc0000)
    );
}

/* Shell default theme */

Shell {
    animation: none;
    border: none;
    border-radius: 2px;
    background-color: #000001;
    background-image: none;
    padding: 0;
    opacity: 1;
    box-shadow: none;
}

Shell[TITLE], Shell[BORDER] {
    background-color: #000001;
    border: 1px solid #6e6e6e;
    border-radius: 2px;
    box-shadow: 0 0 4px #ababab;
}

Shell[BORDER]:inactive, Shell[TITLE]:inactive {
    border: 1px solid #424242;
    box-shadow: none;
}

Shell:maximized, Shell:maximized:inactive {
    border: none;
    box-shadow: none;
    border-radius: 0px;
}

Shell-DisplayOverlay {
    animation: fadeIn 200ms linear, fadeOut 400ms ease-out;
    background-image: none;
    background-color: #808080;
    opacity: 0.2;
}

/* Shell titlebar */

Shell-Titlebar {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-color: #000000;
    background-gradient-color: #202020;
    color: #ffffff;
    background-image: gradient(
        linear, left top, left bottom,
        from(#303030), to(#202020)
    );
    padding: 0 10px 0 10px;
    margin: 0px;
    height: 38px;
    border: none;
    border-radius: 0;
    text-shadow: none;
}

Shell-Titlebar:inactive {
    background-color: #000000;
    background-gradient-color: #101010;
    background-image: gradient(
        linear, left top, left bottom,
        from(#202020), to(#101010)
    );
}

/* Shell buttons */

/* Minimize button */

Shell-MinButton {
    background-image: url(resource/widget/rap/window/shell-min.png);
    margin: 0 -2px 0 0;
}

Shell-MinButton:hover {
    background-image: url(resource/widget/rap/window/shell-min-hover.png);
}

Shell-MinButton:inactive {
    background-image: url(resource/widget/rap/window/shell-min.png);
    margin: 0 -2px 0 0;
}

Shell-MinButton:inactive:hover {
    background-image: url(resource/widget/rap/window/shell-min-hover.png);
}

/* Maximize button */

Shell-MaxButton {
    background-image: url(resource/widget/rap/window/shell-max.png);
    margin: 0 -2px 0 0;
}

Shell-MaxButton:hover {
    background-image: url(resource/widget/rap/window/shell-max-hover.png);
}

Shell-MaxButton:inactive {
    background-image: url(resource/widget/rap/window/shell-max.png);
    margin: 0 -2px 0 0;
}

Shell-MaxButton:inactive:hover {
    background-image: url(resource/widget/rap/window/shell-max-hover.png);
}

/* Restore button */

Shell-MaxButton:maximized {
    background-image: url(resource/widget/rap/window/shell-restore.png);
}

Shell-MaxButton:maximized:hover {
    background-image: url(resource/widget/rap/window/shell-restore-hover.png);
}

Shell-MaxButton:maximized:inactive {
    background-image: url(resource/widget/rap/window/shell-restore.png);
}

Shell-MaxButton:maximized:inactive:hover {
    background-image: url(resource/widget/rap/window/shell-restore-hover.png);
}

/* Close button */

Shell-CloseButton {
    background-image: url(resource/widget/rap/window/shell-close.png);
    margin: 0 -2px 0 0;
}

Shell-CloseButton:hover {
    background-image: url(resource/widget/rap/window/shell-close-hover.png);
}

Shell-CloseButton:inactive {
    background-image: url(resource/widget/rap/window/shell-close.png);
    margin: 0 -2px 0 0;
}

Shell-CloseButton:inactive:hover {
    background-image: url(resource/widget/rap/window/shell-close-hover.png);
}

/* Spinner default theme */

Spinner {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    border: none;
    border-radius: 0 2px 2px 0;
    color: #b5b5b5;
    background-color: #000001;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
}

Spinner[BORDER] {
    border: 1px solid #aaaaaa;
    border-radius: 0 2px 2px 0;
    box-shadow: inset 0 0 3px #424242;
}

Spinner[BORDER]:focused {
    border: 1px solid #a0a0a0;
    box-shadow: 0 0 5px #a0a0a0;
}

Spinner:disabled,
Spinner[BORDER]:disabled {
    box-shadow: none;
}

Spinner-Field {
    padding: 6px 10px 6px 10px;
}

Spinner-UpButton {
    background-color: #efefef;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#efefef)
    );
    width: 30px;
    border: none;
    border-left: 1px solid #424242;
    border-radius: 0px 2px 0px 0px;
    cursor: default;
}

Spinner-UpButton[RIGHT_TO_LEFT] {
    border: none;
    border-right: 1px solid #424242;
}

Spinner-UpButton:disabled {
    background-image: none;
    background-color: transparent;
}

Spinner-UpButton-Icon {
    background-image: url(resource/widget/rap/spinner/up.png);
}

Spinner-UpButton-Icon:hover {
    background-image: url(resource/widget/rap/spinner/up-hover.png);
}

Spinner-DownButton {
    background-color: #efefef;
    background-image: gradient(
        linear, left top, left bottom,
        from(#efefef),
        to(#1b1b1b)
    );
    width: 30px;
    border: none;
    border-left: 1px solid #424242;
    border-radius: 0px 0px 2px 0px;
    cursor: default;
}

Spinner-DownButton[RIGHT_TO_LEFT] {
    border: none;
    border-right: 1px solid #424242;
}

Spinner-DownButton:disabled {
    background-image: none;
    background-color: transparent;
}

Spinner-DownButton-Icon {
    background-image: url(resource/widget/rap/spinner/down.png);
}

Spinner-DownButton-Icon:hover {
    background-image: url(resource/widget/rap/spinner/down-hover.png);
}

/* TabFolder default theme */

TabFolder {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    border: none;
}

TabFolder[BORDER] {
    border: 1px solid #424242;
}

TabFolder-ContentContainer {
    border: 1px solid #424242;
}

TabItem {
    color: #b5b5b5;
    background-color: #000001;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    background-repeat: repeat;
    background-position: left top;
    border-top-color: #5882b5;
    border-bottom-color: #5882b5;
    text-shadow: 0 1px 0 #000001;
    padding: 6px;
    margin: 6px 1px 1px 0px;
    border: 1px solid #424242;
    border-bottom: none;
}

TabItem[RIGHT_TO_LEFT] {
    margin: 6px 0px 1px 1px;
}

TabItem:bottom {
    margin: 1px 1px 6px 0px;
    border: 1px solid #424242;
    border-top: none;
}

TabItem[RIGHT_TO_LEFT]:bottom {
    margin: 1px 0px 6px 1px;
}

TabItem:selected {
    background-image: gradient(
        linear, left top, left bottom,
        from(#2a2a2a),
        to(#151515)
    );
    margin: 3px -1px 0px -2px;
    border: 1px solid #424242;
    border-top: 3px solid #5882b5;
    border-bottom: none;
}

TabItem[RIGHT_TO_LEFT]:selected {
    margin: 3px -2px 0px -1px;
}

TabItem:bottom:selected {
    margin: 0px -1px 3px -2px;
    border: 1px solid #424242;
    border-top: none;
    border-bottom: 3px solid #5882b5;
}

TabItem[RIGHT_TO_LEFT]:bottom:selected {
    margin: 0px -2px 3px -1px;
}

TabItem:selected:first {
    margin: 3px -1px 0px 0px;
}

TabItem[RIGHT_TO_LEFT]:selected:first {
    margin: 3px 0px 0px -1px;
}

TabItem:bottom:selected:first {
    margin: 0px -1px 3px 0px;
}

TabItem[RIGHT_TO_LEFT]:bottom:selected:first {
    margin: 0px 0px 3px -1px;
}

/* Table default theme */

Table {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-color: #111111;
    background-image: none;
    color: #B5B5B5;
    border: none;
}

Table[BORDER] {
    border: 1px solid #424242;
}

TableColumn {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-color: #f0f0f0;
    padding: 8px 3px 8px 3px;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    color: #ffffff;
    border-bottom: 1px solid #424242;
    text-shadow: 0 1px 0 #000000;
    text-overflow: ellipsis;
}

TableColumn:hover {
    background-image: gradient(
        linear, left top, left bottom,
        from(#1b1b1b),
        to(#060606)
    );
}

TableItem,
TableItem:linesvisible:even:rowtemplate {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    background-image: none;
    text-overflow: ellipsis;
}

TableItem:linesvisible:even {
    background-color: #252525;
    color: inherit;
}

Table-RowOverlay {
    background-color: transparent;
    color: inherit;
    background-image: none;
}

Table-RowOverlay:hover {
    color: inherit;
    background-color: rgba(181, 181, 181, 0.2);
    background-image: none;
}

Table-RowOverlay:selected {
    color: inherit;
    background-color: rgba(20, 110, 190, 0.25);
    background-image: none;
}

Table-RowOverlay:selected:unfocused {
    background-color: rgba(98, 130, 171, 0.2);
    background-image: none;
    color: inherit;
}

TableColumn-SortIndicator {
    background-image: none;
}

TableColumn-SortIndicator:up {
    background-image: url(resource/widget/rap/column/sort-indicator-up.png);
}

TableColumn-SortIndicator:down {
    background-image: url(resource/widget/rap/column/sort-indicator-down.png);
}

Table-Cell {
    spacing: 3px;
    padding: 5px 3px 5px 3px;
}

Table-GridLine,
Table-GridLine:vertical:rowtemplate {
    color: transparent;
}

Table-GridLine:vertical,
Table-GridLine:header,
Table-GridLine:horizontal:rowtemplate {
    color: #dedede;
}


Table-Checkbox {
    /*
    For backward compatibility we have to keep the width property.
    Deprecated, use "margin" instead.
    */
    width: 21px;
    margin: 0 0 0 4px;
    background-image: url(resource/widget/rap/button/check-unselected.png);
}

Table-Checkbox:hover {
    background-image: url(resource/widget/rap/button/check-unselected-hover.png);
}

Table-Checkbox:checked {
    background-image: url(resource/widget/rap/button/check-selected.png);
}

Table-Checkbox:checked:hover {
    background-image: url(resource/widget/rap/button/check-selected-hover.png);
}

Table-Checkbox:checked:grayed {
    background-image: url(resource/widget/rap/button/check-grayed.png);
}

Table-Checkbox:checked:grayed:hover {
    background-image: url(resource/widget/rap/button/check-grayed-hover.png);
}

/* Text default theme */

Text {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    border: none;
    border-radius: 0;
    padding: 5px 10px 5px 10px;
    color: #b5b5b5;
    background-repeat: repeat;
    background-position: left top;
    background-color: #000001;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
}

Text[MULTI] {
    /*
     * padding currently has no effect because of bug 253644
     * [TODO] remove comment if bug fixed
     */
    padding: 5px 10px 5px 10px;
}

Text[BORDER],
Text[MULTI][BORDER] {
    border: 1px solid #aaaaaa;
    border-radius: 0;
    box-shadow: inset 0 0 3px #424242;
}

Text[BORDER]:focused,
Text[MULTI][BORDER]:focused {
    border: 1px solid #a0a0a0;
    box-shadow: 0 0 5px #a0a0a0;
}

Text[BORDER]:disabled,
Text[MULTI][BORDER]:disabled,
Text[BORDER]:read-only,
Text[MULTI][BORDER]:read-only {
    box-shadow: none;
}

Text-Message {
    color: #a7a6aa;
    text-shadow: none;
}

Text-Search-Icon {
    background-image: url(resource/widget/rap/text/find.png);
    spacing: 3px;
}

Text-Cancel-Icon {
    background-image: url(resource/widget/rap/text/clear.gif);
    spacing: 3px;
}

/* ToolBar default theme */

ToolBar {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #b5b5b5;
    padding: 0;
    spacing: 0;
    background-color: #001;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    border: 1px solid #424242;
    border-radius: 3px;
    opacity: 1;
}

ToolBar[VERTICAL] {
    background-image: gradient(
        linear, left top, right top,
        from(#161616),
        color-stop(45%, #060606),
        color-stop(55%, #060606),
        to(#161616)
    );
}

ToolBar[FLAT] {
    border: none;
    background-image: none;
    spacing: 4px;
}

ToolBar[FLAT][BORDER] {
    border: 1px solid #424242;
    padding: 3px 3px 6px 3px;
}

ToolItem {
    color: inherit;
    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    padding: 4px;
    spacing: 1px;
    opacity: 1;
    animation: none;
    text-shadow: 1px 1px 1px #ccc;
    border: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

ToolItem[FLAT] {
    border: 1px solid transparent;
}

ToolItem[VERTICAL] {
    border: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

ToolItem:first, ToolItem[RIGHT_TO_LEFT]:last {
    border-radius: 3px 0px 0px 3px;
}

ToolItem:last, ToolItem[RIGHT_TO_LEFT]:first {
    border-radius: 0px 3px 3px 0px;
}

ToolItem[VERTICAL]:first {
    border-radius: 3px 3px 0px 0px;
}

ToolItem[VERTICAL]:last {
    border-radius: 0px 0px 3px 3px;
}

ToolItem:first:last, ToolItem[VERTICAL]:first:last {
    border: none;
    border-radius: 3px 3px 3px 3px;
}

ToolItem:hover,
ToolItem:pressed,
ToolItem:selected {
    border: none;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
}

ToolItem[VERTICAL]:hover,
ToolItem[VERTICAL]:pressed,
ToolItem[VERTICAL]:selected {
    border: none;
    border-top: 1px solid #424242;
    border-bottom: 1px solid #424242;
}

ToolItem:hover {
    background-image: gradient(
        linear, left top, left bottom,
        from(#151515),
        to(#2a2a2a)
    );
}

ToolItem:pressed {
    padding: 9px 8px 7px 8px;
    background-image: gradient(
        linear, left top, left bottom,
        from(#2a2a2a),
        to(#151515)
    );
}

ToolItem:selected {
    padding: 9px 8px 7px 8px;
    background-image: gradient(
        linear, left top, left bottom,
        from(#1b1b1b),
        to(#060606)
    );
}

ToolItem[VERTICAL]:hover {
    background-image: gradient(
        linear, left top, right top,
        from(#d9d9d9),
        color-stop(45%, #161616),
        color-stop(55%, #161616),
        to(#d9d9d9)
    );
}

ToolItem[VERTICAL]:pressed, ToolItem[VERTICAL]:selected {
    background-image: gradient(
        linear, left top, right top,
        from(#161616),
        color-stop(45%, #252525),
        color-stop(55%, #252525),
        to(#161616)
    );
}

ToolItem:first:hover,
ToolItem:first:selected,
ToolItem:first:pressed,
ToolItem[RIGHT_TO_LEFT]:last:hover,
ToolItem[RIGHT_TO_LEFT]:last:selected,
ToolItem[RIGHT_TO_LEFT]:last:pressed {
    border: none;
    border-left: 1px solid transparent;
    border-right: 1px solid #424242;
}

ToolItem:last:hover,
ToolItem:last:selected,
ToolItem:last:pressed,
ToolItem[RIGHT_TO_LEFT]:first:hover,
ToolItem[RIGHT_TO_LEFT]:first:selected,
ToolItem[RIGHT_TO_LEFT]:first:pressed {
    border: none;
    border-left: 1px solid #424242;
    border-right: 1px solid transparent;
}

ToolItem[VERTICAL]:first:hover,
ToolItem[VERTICAL]:first:selected,
ToolItem[VERTICAL]:first:pressed {
    border: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #424242;
}

ToolItem[VERTICAL]:last:hover,
ToolItem[VERTICAL]:last:selected,
ToolItem[VERTICAL]:last:pressed {
    border: none;
    border-top: 1px solid #424242;
    border-bottom: 1px solid transparent;
}

ToolItem[FLAT],
ToolItem[FLAT]:first,
ToolItem[FLAT]:last {
    border: 1px solid transparent;
    border-radius: 3px 3px 3px 3px;
}

ToolItem[FLAT]:hover,
ToolItem[FLAT]:pressed,
ToolItem[FLAT]:selected,
ToolItem[FLAT]:first:hover,
ToolItem[FLAT]:first:pressed,
ToolItem[FLAT]:first:selected,
ToolItem[FLAT]:last:hover,
ToolItem[FLAT]:last:pressed,
ToolItem[FLAT]:last:selected {
    border: 1px solid #424242;
    border-radius: 3px 3px 3px 3px;
}

ToolItem[FLAT]:hover,
ToolItem[FLAT]:first:hover,
ToolItem[FLAT]:last:hover {
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
}

ToolItem[FLAT]:pressed, ToolItem[FLAT]:first:pressed, ToolItem[FLAT]:last:pressed {
    background-image: gradient(
        linear, left top, left bottom,
        from(#2a2a2a),
        to(#151515)
    );
}

ToolItem[FLAT]:selected {
    background-image: gradient(
        linear, left top, left bottom,
        from(#1b1b1b),
        to(#060606)
    );
}

ToolItem-DropDownIcon {
    background-image: url(resource/widget/rap/toolbar/down.png);
    border: none;
}

ToolItem-Separator {
    width: 10px;
}

/* Tree/Grid default theme */

Tree, Grid {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-color: #000001;
    border: none;
    color: #b5b5b5;
}

Tree[BORDER], Grid[BORDER] {
    border: 1px solid #424242;
}

TreeItem, GridItem,
TreeItem:linesvisible:even:rowtemplate {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    text-shadow: none;
    background-image: none;
    text-overflow: ellipsis;
}

TreeItem:linesvisible:even {
    background-color: #f5f5f5;
    color: inherit;
    border: none;
}

Tree-RowOverlay, Grid-RowOverlay {
    background-color: transparent;
    color: inherit;
    background-image: none;
}

Tree-RowOverlay:hover, Grid-RowOverlay:hover {
    color: inherit;
    background-color: rgba(181, 181, 181, 0.2);
    background-image: none;
}

Tree-RowOverlay:selected, Grid-RowOverlay:selected {
    color: inherit;
    background-color: rgba(20, 110, 190, 0.25);
    background-image: none;
}

Tree-RowOverlay:selected:unfocused, Grid-RowOverlay:selected:unfocused {
    background-color: rgba(98, 130, 171, 0.2);
    background-image: none;
    color: inherit;
}

TreeColumn, GridColumn {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: inherit;
    background-color: #f0f0f0;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    padding: 8px 10px 8px 6px;
    border-bottom: 1px solid #424242;
    text-shadow: none;
    text-overflow: ellipsis;
}

TreeColumn:hover, GridColumn:hover {
    background-image: gradient(
        linear, left top, left bottom,
        from(#1b1b1b),
        to(#060606)
    );
}

TreeColumn-SortIndicator, GridColumn-SortIndicator {
    background-image: none;
}

TreeColumn-SortIndicator:up, GridColumn-SortIndicator:up {
    background-image: url(resource/widget/rap/column/sort-indicator-up.png);
}

TreeColumn-SortIndicator:down, GridColumn-SortIndicator:down {
    background-image: url(resource/widget/rap/column/sort-indicator-down.png);
}

Tree-Cell, Grid-Cell {
    spacing: 3px;
    padding: 5px 3px 5px 3px;
}

Tree-GridLine,
Tree-GridLine:vertical:rowtemplate, Grid-GridLine:vertical:rowtemplate {
    color: transparent;
}

Tree-GridLine:vertical,
Tree-GridLine:header,
Tree-GridLine:horizontal:rowtemplate {
    color: #dedede;
}

Grid-GridLine {
    color: #d0d0d0;
}

Tree-Checkbox, Grid-Checkbox {
    margin: 0px 2px 0px 0px;
    background-image: url(resource/widget/rap/button/check-unselected.png);
}

Tree-Checkbox:hover, Grid-Checkbox:hover {
    background-image: url(resource/widget/rap/button/check-unselected-hover.png);
}

Tree-Checkbox:checked, Grid-Checkbox:checked {
    background-image: url(resource/widget/rap/button/check-selected.png);
}

Tree-Checkbox:checked:hover, Grid-Checkbox:checked:hover {
    background-image: url(resource/widget/rap/button/check-selected-hover.png);
}

Tree-Checkbox:checked:grayed, Grid-Checkbox:checked:grayed {
    background-image: url(resource/widget/rap/button/check-grayed.png);
}

Tree-Checkbox:checked:grayed:hover, Grid-Checkbox:checked:grayed:hover {
    background-image: url(resource/widget/rap/button/check-grayed-hover.png);
}

Tree-Indent, Grid-Indent {
    width: 16px;
    background-image: none;
}

Tree-Indent:collapsed, Grid-Indent:collapsed {
    background-image: url(resource/widget/rap/tree/tree-collapsed.png);
}

Tree-Indent:collapsed:hover, Grid-Indent:collapsed:hover {
    background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
}

Tree-Indent:expanded, Grid-Indent:expanded {
    background-image: url(resource/widget/rap/tree/tree-expanded.png);
}

Tree-Indent:expanded:hover, Grid-Indent:expanded:hover {
    background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
}

Tree-Indent:line, Grid-Indent:line {
    background-image: none;
}

Tree-Indent:first, Grid-Indent:first {
    background-image: none;
}

Tree-Indent:first:collapsed, Grid-Indent:first:collapsed {
    background-image: url(resource/widget/rap/tree/tree-collapsed.png);
}

Tree-Indent:first:collapsed:hover, Grid-Indent:first:collapsed:hover {
    background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
}

Tree-Indent:first:expanded, Grid-Indent:first:expanded {
    background-image: url(resource/widget/rap/tree/tree-expanded.png);
}

Tree-Indent:first:expanded:hover, Grid-Indent:first:expanded:hover {
    background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
}

Tree-Indent:last, Grid-Indent:last {
    background-image: none;
}

Tree-Indent:last:collapsed, Grid-Indent:last:collapsed {
    background-image: url(resource/widget/rap/tree/tree-collapsed.png);
}

Tree-Indent:last:collapsed:hover, Grid-Indent:last:collapsed:hover {
    background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
}

Tree-Indent:last:expanded, Grid-Indent:last:expanded {
    background-image: url(resource/widget/rap/tree/tree-expanded.png);
}

Tree-Indent:last:expanded:hover, Grid-Indent:last:expanded:hover {
    background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
}

Tree-Indent:first:last, Grid-Indent:first:last {
    background-image: none;
}

Tree-Indent:first:last:collapsed, Grid-Indent:first:last:collapsed {
    background-image: url(resource/widget/rap/tree/tree-collapsed.png);
}

Tree-Indent:first:last:collapsed:hover, Grid-Indent:first:last:collapsed:hover {
    background-image: url(resource/widget/rap/tree/tree-collapsed-hover.png);
}

Tree-Indent:first:last:expanded, Grid-Indent:first:last:expanded {
    background-image: url(resource/widget/rap/tree/tree-expanded.png);
}

Tree-Indent:first:last:expanded:hover, Grid-Indent:first:last:expanded:hover {
    background-image: url(resource/widget/rap/tree/tree-expanded-hover.png);
}

Tree-Indent[RIGHT_TO_LEFT]:collapsed, Grid-Indent[RIGHT_TO_LEFT]:collapsed {
    background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:collapsed:hover, Grid-Indent[RIGHT_TO_LEFT]:collapsed:hover {
    background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:expanded, Grid-Indent[RIGHT_TO_LEFT]:expanded {
    background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:expanded:hover, Grid-Indent[RIGHT_TO_LEFT]:expanded:hover {
    background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:first:collapsed, Grid-Indent[RIGHT_TO_LEFT]:first:collapsed {
    background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:first:collapsed:hover, Grid-Indent[RIGHT_TO_LEFT]:first:collapsed:hover {
    background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:first:expanded, Grid-Indent[RIGHT_TO_LEFT]:first:expanded {
    background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:first:expanded:hover, Grid-Indent[RIGHT_TO_LEFT]:first:expanded:hover {
    background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:last:collapsed, Grid-Indent[RIGHT_TO_LEFT]:last:collapsed {
    background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:last:collapsed:hover, Grid-Indent[RIGHT_TO_LEFT]:last:collapsed:hover {
    background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:last:expanded, Grid-Indent[RIGHT_TO_LEFT]:last:expanded {
    background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:last:expanded:hover, Grid-Indent[RIGHT_TO_LEFT]:last:expanded:hover {
    background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:first:last:collapsed, Grid-Indent[RIGHT_TO_LEFT]:first:last:collapsed {
    background-image: url(resource/widget/rap/tree/tree-collapsed-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:first:last:collapsed:hover,
Grid-Indent[RIGHT_TO_LEFT]:first:last:collapsed:hover {
    background-image: url(resource/widget/rap/tree/tree-collapsed-hover-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:first:last:expanded, Grid-Indent[RIGHT_TO_LEFT]:first:last:expanded {
    background-image: url(resource/widget/rap/tree/tree-expanded-left.png);
}

Tree-Indent[RIGHT_TO_LEFT]:first:last:expanded:hover,
Grid-Indent[RIGHT_TO_LEFT]:first:last:expanded:hover {
    background-image: url(resource/widget/rap/tree/tree-expanded-hover-left.png);
}

/* Scale default theme */

Scale {
    background-color: white;
    background-image: none;
    border-radius: 3px;
}

Scale-Thumb {
    background-color: #e5e5e5;
    background-image: none;
    border: 1px solid #a4a4a4;
    border-radius: 2px 2px 2px 2px;
}

Scale-Thumb:focused {
    border: 1px solid #a0a0a0;
}

/* DateTime default theme */

DateTime {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    border: none;
    border-radius: 0 2px 2px 0;
    color: #464a4e;
    background-color: #000001;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
}

DateTime[BORDER]:focused {
    border: 1px solid #a0a0a0;
    box-shadow: 0 0 5px #a0a0a0;
}

DateTime-Field {
    color: inherit;
    background-color: transparent;
    padding: 5px 3px 6px 3px;
    text-shadow: none;
}

DateTime[BORDER] {
    border: 1px solid #aaaaaa;
    border-radius: 0 2px 2px 0;
    box-shadow: inset 0 0 3px #424242;
}

DateTime[BORDER]:disabled {
    box-shadow: none;
}

DateTime-Calendar-Day {
    border: none;
    color: inherit;
    background-color: transparent;
    text-shadow: none;
}

DateTime-Calendar-Day:today {
    border: 1px solid #ff0000;
}

DateTime-Field:selected,
DateTime-Calendar-Day:selected {
    background-color: #5882b5;
    color: #000001;
}

DateTime-Calendar-Day:selected:hover {
    background-color: #5882b5;
    color: #000001;
}

DateTime-Calendar-Day:selected:unfocused {
    background-color: #c0c0c0;
}

DateTime-Calendar-Day:otherMonth {
    background-color: transparent;
    color: #808080;
}

DateTime-Calendar-Day:hover {
    background-color: #b5b5b5;
}

DateTime-Calendar-Navbar {
    border: none;
    border-radius: 0;
    background-color: #00569c;
    background-image: gradient(
        linear, left top, left bottom,
        from(#416693), to(#5882b5)
    );
    color: white;
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    text-shadow: none;
}

DateTime-Calendar-PreviousMonthButton {
    background-image: url(resource/widget/rap/calendar/lastMonth.png);
    cursor: default;
}

DateTime-Calendar-PreviousMonthButton:hover {
    background-image: url(resource/widget/rap/calendar/lastMonth-hover.png);
}

DateTime-Calendar-NextMonthButton {
    background-image: url(resource/widget/rap/calendar/nextMonth.png);
    cursor: default;
}

DateTime-Calendar-NextMonthButton:hover {
    background-image: url(resource/widget/rap/calendar/nextMonth-hover.png);
}

DateTime-Calendar-PreviousYearButton {
    background-image: url(resource/widget/rap/calendar/lastYear.png);
    cursor: default;
}

DateTime-Calendar-PreviousYearButton:hover {
    background-image: url(resource/widget/rap/calendar/lastYear-hover.png);
}

DateTime-Calendar-NextYearButton {
    background-image: url(resource/widget/rap/calendar/nextYear.png);
    cursor: default;
}

DateTime-Calendar-NextYearButton:hover {
    background-image: url(resource/widget/rap/calendar/nextYear-hover.png);
}

DateTime-Calendar-PreviousMonthButton[RIGHT_TO_LEFT] {
    background-image: url(resource/widget/rap/calendar/nextMonth.png);
}

DateTime-Calendar-PreviousMonthButton[RIGHT_TO_LEFT]:hover {
    background-image: url(resource/widget/rap/calendar/nextMonth-hover.png);
}

DateTime-Calendar-NextMonthButton[RIGHT_TO_LEFT] {
    background-image: url(resource/widget/rap/calendar/lastMonth.png);
}

DateTime-Calendar-NextMonthButton[RIGHT_TO_LEFT]:hover {
    background-image: url(resource/widget/rap/calendar/lastMonth-hover.png);
}

DateTime-Calendar-PreviousYearButton[RIGHT_TO_LEFT] {
    background-image: url(resource/widget/rap/calendar/nextYear.png);
}

DateTime-Calendar-PreviousYearButton[RIGHT_TO_LEFT]:hover {
    background-image: url(resource/widget/rap/calendar/nextYear-hover.png);
}

DateTime-Calendar-NextYearButton[RIGHT_TO_LEFT] {
    background-image: url(resource/widget/rap/calendar/lastYear.png);
}

DateTime-Calendar-NextYearButton[RIGHT_TO_LEFT]:hover {
    background-image: url(resource/widget/rap/calendar/lastYear-hover.png);
}

DateTime-UpButton {
    background-color: #f0f0f0;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#efefef)
    );;
    width: 30px;
    border: none;
    border-left: 1px solid #424242;
    border-radius: 0px 2px 0px 0px;
    cursor: default;
}

DateTime-UpButton[RIGHT_TO_LEFT] {
    border: none;
    border-right: 1px solid #424242;
}

DateTime-UpButton-Icon {
    background-image: url(resource/widget/rap/datetime/up.png);
}

DateTime-UpButton-Icon:hover {
    background-image: url(resource/widget/rap/datetime/up-hover.png);
}

DateTime-DownButton {
    background-color: #f0f0f0;
    background-image: gradient(
        linear, left top, left bottom,
        from(#efefef),
        to(#1b1b1b)
    );
    width: 30px;
    border: none;
    border-left: 1px solid #424242;
    border-radius: 0px 0px 2px 0px;
    cursor: default;
}

DateTime-DownButton[RIGHT_TO_LEFT] {
    border: none;
    border-right: 1px solid #424242;
}

DateTime-DownButton-Icon {
    background-image: url(resource/widget/rap/datetime/down.png);
}

DateTime-DownButton-Icon:hover {
    background-image: url(resource/widget/rap/datetime/down-hover.png);
}

DateTime-DropDownButton {
    cursor: default;
    background-color: #f0f0f0;
    border: none;
    border-left: 1px solid #424242;
    border-radius: 0px 2px 2px 0px;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    width: 30px;
}

DateTime-DropDownButton[RIGHT_TO_LEFT] {
    border: none;
    border-right: 1px solid #424242;
}

DateTime-DropDownButton:disabled,
DateTime-UpButton:disabled,
DateTime-DownButton:disabled {
    background-image: none;
    background-color: transparent;
}

DateTime-DropDownButton-Icon {
    background-image: url(resource/widget/rap/spinner/down.png);
}

DateTime-DropDownButton-Icon:hover {
    background-image: url(resource/widget/rap/spinner/down-hover.png);
}

DateTime-DropDownCalendar {
    border: 1px #a7a6aa solid;
}

/* ExpandBar default theme */

ExpandBar {
    color: #b5b5b5;
    background-color: white;
}

ExpandBar[BORDER] {
    border: 1px solid #424242;
    border-radius: 2px;
}

ExpandItem {
    border: 1px solid #424242;
    border-radius: 2px;
}

ExpandItem-Header {
    border: none;
    border-radius: 0;
    cursor: pointer;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    text-shadow: none;
}

ExpandItem-Header:disabled {
    cursor: default;
}

ExpandItem-Button {
    background-image: url(resource/widget/rap/expanditem/expanditem-expand.png);
}

ExpandItem-Button:hover {
    background-image: url(resource/widget/rap/expanditem/expanditem-expand-hover.png);
}

ExpandItem-Button:expanded {
    background-image: url(resource/widget/rap/expanditem/expanditem-collapse.png);
}

ExpandItem-Button:expanded:hover {
    background-image: url(resource/widget/rap/expanditem/expanditem-collapse-hover.png);
}

/* Sash default theme */

Sash {
    border: none;
    background-image: none;
    background-color: transparent;
}

Sash[BORDER] {
    border: 1px solid #424242;
}

Sash:hover {
    background-color: #e5e5e5;
}

Sash-Handle:horizontal {
    background-image: url(resource/widget/rap/sash/sash-handle-horizontal.png);
}

Sash-Handle:vertical {
    background-image: url(resource/widget/rap/sash/sash-handle-vertical.png);
}

/* Slider default theme */

Slider {
    border: none;
    background-color: #f0f0f0;
    border-radius: 2px;
}

/* Thumb */

Slider-Thumb[HORIZONTAL],
Slider-Thumb[VERTICAL] {
    background-color: #1b1b1b;
    background-image: url(resource/widget/rap/slider/slider-background.png);
    border: 1px solid #424242;
    border-radius: 2px;
}

/* Buttons */

Slider-UpButton,
Slider-DownButton {
    background-color: #1b1b1b;
    border: 1px solid #424242;
    cursor: default;
    padding: 0;
}

Slider-UpButton[HORIZONTAL],
Slider-DownButton[HORIZONTAL] {
    background-image: none;
}

Slider-UpButton[VERTICAL],
Slider-DownButton[VERTICAL] {
    background-image: none;
}

Slider-UpButton[HORIZONTAL]:pressed,
Slider-DownButton[HORIZONTAL]:pressed {
    background-image: none;
}

Slider-UpButton[VERTICAL]:pressed,
Slider-DownButton[VERTICAL]:pressed {
    background-image: none;
}

/* Rounded Borders */

Slider-UpButton[HORIZONTAL] {
    border-radius: 0px 2px 2px 0px;
}

Slider-UpButton[VERTICAL] {
    border-radius: 0px 0px 2px 2px;
}

Slider-DownButton[HORIZONTAL] {
    border-radius: 2px 0px 0px 2px;
}

Slider-DownButton[VERTICAL] {
    border-radius: 2px 2px 0px 0px;
}

/* Button Icons */

Slider-UpButton-Icon[HORIZONTAL] {
    background-image: url(resource/widget/rap/slider/right.png);
}

Slider-UpButton-Icon[HORIZONTAL][RIGHT_TO_LEFT] {
    background-image: url(resource/widget/rap/slider/left.png);
}

Slider-UpButton-Icon[VERTICAL] {
    background-image: url(resource/widget/rap/slider/down.png);
}

Slider-DownButton-Icon[HORIZONTAL] {
    background-image: url(resource/widget/rap/slider/left.png);
}

Slider-DownButton-Icon[HORIZONTAL][RIGHT_TO_LEFT] {
    background-image: url(resource/widget/rap/slider/right.png);
}

Slider-DownButton-Icon[VERTICAL] {
    background-image: url(resource/widget/rap/slider/up.png);
}

/* ToolTip default theme */

ToolTip {
    cursor: default;
    border: 1px solid #a0b3ca;
    border-radius: 2px;
    padding: 8px;
    opacity: 1;
    color: #b5b5b5;
    background-image: gradient(
        linear, left top, right top,
        from(#f8f9ff),
        to(#f4f4f4)
    );
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-color: #fcfcfc;
    animation: fadeIn 200ms linear, fadeOut 600ms ease-out;
    box-shadow: 0 0 4px #adadad;
    width: auto;
    height: auto;
}

ToolTip-Image[ICON_ERROR] {
    background-image: url(resource/widget/rap/tooltip/error.png);
}

ToolTip-Image[ICON_INFORMATION] {
    background-image: url(resource/widget/rap/tooltip/information.png);
}

ToolTip-Image[ICON_WARNING] {
    background-image: url(resource/widget/rap/tooltip/warning.png);
}

ToolTip-Text {
    color: #b5b5b5;
    font: bold 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    text-shadow: none;
}

ToolTip-Message {
    color: #b5b5b5;
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    text-shadow: none;
}

/* CCombo default theme */

CCombo {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #b5b5b5;
    background-color: #000001;
    background-image: none;
    border: none;
    border-radius: 0 2px 2px 0;
    text-shadow: none;
    box-shadow: none;
}

CCombo[BORDER] {
    border: 1px solid #303030;
    border-radius: 0 2px 2px 0;
    box-shadow: inset 0 0 3px #202020;
}

CCombo[BORDER]:focused {
    border: 1px solid #606060;
    box-shadow: 0 0 5px #606060;
}

CCombo:disabled,
CCombo[BORDER]:disabled {
    box-shadow: none;
}

CCombo-Button {
    cursor: default;
    background-color: #efefef;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    border: none;
    border-left: 1px solid #424242;
    border-radius: 0px 2px 2px 0px;
    width: 30px;
}

CCombo-Button[RIGHT_TO_LEFT] {
    border: none;
    border-right: 1px solid #424242;
}

CCombo-Button:disabled {
    background-image: none;
    background-color: transparent;
}

CCombo-Button-Icon {
    background-image: url(resource/widget/rap/ccombo/down.png);
}

CCombo-Button-Icon:hover {
    background-image: url(resource/widget/rap/ccombo/down-hover.png);
}

CCombo-List {
    border: 1px solid #303030;
    box-shadow: 0 0 5px #303030;
    border-radius: 2px;
}

CCombo-List-Item {
    color: inherit;
    background-color: transparent;
    background-image: none;
    text-decoration: none;
    text-shadow: none;
    padding: 6px 10px 6px 10px;
}

CCombo-List-Item:hover, CCombo-List-Item:even:hover {
    background-color: #f0f0f0;
}

CCombo-List-Item:selected, CCombo-List-Item:even:selected {
    background-color: #3a3a3a;
}

CCombo-Field {
    padding: 5px 10px 5px 10px;
}

CCombo-FocusIndicator {
    background-color: transparent;
    border: none;
    margin: 0;
    opacity: 0;
}

/* CLabel default theme */

CLabel {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    color: #b5b5b5;
    background-color: #000001;
    background-image: none;
    background-repeat: repeat;
    background-position: left top;
    border: none;
    padding: 6px;
    spacing: 5px;
    cursor: default;
    opacity: 1;
    text-shadow: none;
}

CLabel[BORDER] {
    border: 1px solid #424242;
    border-radius: 2px;
}

/* Browser default theme */

Browser {
    border: none;
}

Browser[BORDER] {
    border: 1px solid #a4a4a4;
}

/* ScrollBar default theme */

ScrollBar {
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    width: 8px;
    opacity: 0;
}

ScrollBar:active {
    opacity: 0.8;
}

ScrollBar-Thumb {
    background-color: #cccccc;
    border: 1px solid #424242;
    border-radius: 15px;
    background-image: none;
    min-height: 20px;
}

ScrollBar-UpButton,
ScrollBar-DownButton {
    background-color: transparent;
    border: none;
    border-radius: 0;
    cursor: default;
    background-image: none;
}

/* FileUpload default theme */

FileUpload {
    font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
    background-image: gradient(
        linear, left top, left bottom,
        from(#060606),
        to(#1b1b1b)
    );
    background-repeat: repeat;
    background-position: left top;
    border: 1px solid #424242;
    border-radius: 2px;
    padding: 6px 15px;
    spacing: 2px;
    cursor: pointer;
    animation: none;
    color: #b5b5b5;
    background-color: #000001;
    opacity: 1;
    text-shadow: 0 1px 0 #000001;
}

FileUpload:disabled {
    cursor: default;
    color: #d2d2d2;
    background-image: none;
    background-color: #fafafa;
    border: 1px solid #d2d2d2;
}

FileUpload:hover {
    background-image: gradient(
        linear, left top, left bottom,
        from(#151515),
        to(#2a2a2a)
    );
}

FileUpload:pressed {
    background-image: gradient(
        linear, left top, left bottom,
        from(#2a2a2a),
        to(#151515)
    );
}

FileUpload-FocusIndicator {
    background-color: transparent;
    border: 1px dotted #b8b8b8;
    margin: 2px;
    padding: 0px;
    opacity: 1;
}

/* JFace specific theming */

Shell.jface_contentProposalPopup, Shell.jface_infoPopupDialog {
    border: 1px solid #424242;
    padding: 0;
    box-shadow: 0 0 4px #ababab;
}
